'use client'

// import type { Metadata } from "next";
import { Inter } from "next/font/google";

import StyledComponentsRegistry from "../lib/AntdRegistry";
import HeaderComponent from "@/layouts/header/HeaderComponent";
import FooterComponent from "@/layouts/FooterComponent";

import { StoreProvider } from "@/store";

import "./globals.css";
import theme from "../theme/themeConfig";
const inter = Inter({ subsets: ["latin"] });

// export const metadata: Metadata = {
//   title: "Create Next App",
//   description: "Generated by create next app",
// };

export default function RootLayout({
  children,
}: {
  children: React.ReactNode;
}) {
  return (
    <html lang="en">
      <body className={inter.className}>
        <StoreProvider initialValue={{ user: {} }}>
          {/* <ConfigProvider theme={theme}> */}
          <StyledComponentsRegistry>
            <HeaderComponent></HeaderComponent>
            <main>{children}</main>
            <FooterComponent></FooterComponent>
          </StyledComponentsRegistry>
          {/* </ConfigProvider> */}
        </StoreProvider>
      </body>
    </html>
  );
}
